﻿.toutiao{text-align:center;padding:20px 0; font-family:'Microsoft YaHei'}
.toutiao h1{color:#3c6fa2; margin-bottom:10px;font-weight:700}
.toutiao h2{color:#3c6fa2;font-size:16px}
.toutiao h2 a{color:#3c6fa2;padding:0 8px}
.toutiao h1 a{color:#3c6fa2;}

@media screen and (max-width:1024px){
    .toutiao h1{margin-bottom:10px;font-weight:700;font-size:16px}
    .toutiao h2{font-size:14px}
}

.part2{box-shadow: 0px 3px 4px rgba(0,0,0,0.05);padding:30px 0 10px}

.layuitabtitle{width:100%; float:left; border-bottom:1px solid #ddd; line-height:48px; height:50px;}
.layuitabtitle .part12{float:right;padding:0 2px;cursor:pointer;font-style:normal}
.layuitabtitle a{float:left; padding:0 15px; font-size:18px;font-weight:700;display:block}
.layuitabtitle span{color: #ccc;float:left}
.layuitabtitle .liAction {border-bottom: 3px solid #0161b5;color: #0161b5 !important;}


.layuitabcontent,.layuitabitem{width:100%; float:left;}
.layuitabitem{display:none; width:100%}
.newsTitBig{text-align:center;font-size: 24px;font-weight: bold;padding: 16px 0 0;color:red;margin-bottom:15px;}
.newsTitBig a,.newsTitBig a:hover,.newsTitBig a:visited{color: red;}
.newsDetail a {display: inline-block;overflow: hidden; height: 64px;line-height: 1.5;overflow: hidden;color:#999; width:100%}

.newsUlBox{float:left; width:100%; font-size:16px}
.newsUlBox li{background: url(/image/circle.png) no-repeat left center;padding-left:15px;line-height:34px;width:100%; box-sizing:border-box; float:left}
.newsUlBox li a{display:inline-block; float:left; width:80%}
.newsUlBox li span{display:inline-block; float:right; width:20%; text-align:right}

@media screen and (max-width:1024px){
    .part2{padding:10px}
    .layuitabtitle{line-height:28px; height:30px;}
    .layuitabtitle .layui-icon-more{margin-top:10px;}
    .layuitabtitle a{padding:0 5px; font-size:14px;}
    .layuitabtitle .liAction {border-bottom: 2px solid #0161b5;}

    .newsTitBig{font-size:16px;margin-bottom:10px;}
    .newsUlBox li { background: url(/image/circle.png) no-repeat left center;}

    .layui-container{padding:10px}
}
#test1{}
#test1 img{width:100%; height:100%}
#test1 ul li{position:relative}
#test1 ul li span{display:block;width:100%;height:40px; background-color:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0;bottom:0;line-height:40px; overflow:hidden;text-align:center;color:#fff;font-size:18px;}

.part3{position:relative; overflow:hidden; padding:0; margin-bottom:10px;}
.part3 img{width:100%; }

.part31{overflow:hidden; padding:0; margin-bottom:10px;}
.part31 .part311{width:580px;float:left}
.part31 .part312{width:580px;float:right}

.coner {position: absolute;left:0;top:0;z-index: 999;width: 74px;height: 77px;background-position: -511px -217px;}


.card{width:100%}
.card .card-header{border-bottom:1px solid #ccc;padding:0;font-size: 18px;font-weight: bold;color: #0161b5;height:34px;line-height:34px;}
.card .card-header .more{float:right; font-size:14px;color:#fff;display:block;color:#666}

.card .layui-icon-more{float:right; font-size:14px;margin-top:10px;color:#fff;display:block}

.card .card-body{padding:10px 0}

.part4{position:relative; overflow:hidden; padding:0;box-shadow: 0px 3px 4px rgba(0,0,0,0.05);margin-top:20px;}
.part4 .card-header{background:url(/image/titIcons.png) no-repeat left center; padding-left:40px;margin-bottom:10px}

.itemUl{width:160px;height:340px;float:left}
.itemUl ul li {width: 160px;height:80px;background: rgb(223,228,242);text-align: center;padding-top: 4px;cursor: pointer;margin-bottom: 1px;position:relative}
.itemAction {background: #2B50A7 !important;color:#fff}
.icon,.icon1{width:100%; margin-bottom:5px; margin-top:10px}
.itemUl ul li .icon img,.itemUl ul li .icon1 img{width:30px; height:auto}

.arrowImg{position:absolute;right:-6px; top:30px}

.itemUl1{margin-left:170px; height:340px; padding:10px; box-sizing:border-box}
.itemUl1 li{background: url(/image/circle.png) no-repeat left center;padding-left:15px;line-height:33px;width:100%; box-sizing:border-box; float:left; font-size:16px;}
.itemUl1 li a{display:inline-block; float:left; width:80%}
.itemUl1 li span{display:inline-block; float:right; width:20%; text-align:right; color:#999}

.part41{padding-top:30px}
@media screen and (max-width:1024px){
    .part4 {padding:10px}
    .part41{padding-top:0}
    .itemUl{width:40px;}
    .itemUl ul li {width: 40px;}
    .icon,.icon1{width:100%; margin-bottom:10px; margin-top:5px}
    .itemUl ul li .icon img,.itemUl ul li .icon1 img{width:20px; height:auto}

    .itemUl1{margin-left:50px;}
    .itemUl1 li{line-height:32px;}
    .itemUl1 li a{width:100%}
    .itemUl1 li span{display:none}
}

.logo-title {letter-spacing:2px;}
.logo-title h1 {color:#1E9FFF;font-size:22px;font-weight:bold;}

.login-form {background-color:#fff;border:1px solid #fff;border-radius:3px;padding:10px 20px;box-shadow:0 0 8px #eeeeee;float:left;width:100%;box-sizing:border-box}
.login-form .layui-form-item {position:relative;margin-bottom:6px}
.login-form .layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:32px;text-align:center;color:#d2d2d2;}
.login-form .layui-form-item input {padding-left:36px;}

.fabu{width:100%;height:50px;line-height:50px;display:block; float:left;background-color:#f60;color:#fff; margin-bottom:10px; text-align:center; border-radius:5px;font-size:18px}
.fabu img{vertical-align:middle; height:26px; width:auto; margin-right:10px}
.fabu:hover{color:#fff}

.captcha {width:60%;display:inline-block;}
.captcha-img {display:inline-block;width:34%;float:right;}
.captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%;}

.hyxt{height:80px;width:50%; float:left;box-sizing:border-box; margin-bottom:10px;color:#fff; text-align:center;font-size:16px;}
.hyxt .hyxt0{height:100%; width:100%;box-sizing:border-box; padding-top:10px;border-radius:5px;}
.hyxt .hyxt1{background-color:#39548f;}
.hyxt .hyxt2{background-color:#4392d6;}

.part6{position:relative; overflow:hidden; padding:0;margin:20px auto}
.part6 .card-body li{background: url(/image/circle.png) no-repeat left center;padding-left:15px;line-height:33px;width:100%; box-sizing:border-box; float:left; font-size:16px;}
.part6 .card-body li a{display:inline-block; float:left; width:80%}
.part6 .card-body li span{display:inline-block; float:right; width:20%; text-align:right; color:#999}

.part6 .card-header img{margin-right:6px; width:25px;height:25px;}


.zb_r{width:100%; height:68px; margin-bottom:5px; border-radius:10px;padding:0 20px 0 60px;box-sizing:border-box; float:left}
.zb_r a{font-size:16px;height:68px;display: table-cell;color:#fff;vertical-align: middle;width:100%;}
.zb_r:hover{color:#fff}
.zb_r img{vertical-align:middle; margin-right:10px;}

.zb_r1{background:#39548f url(/image/zb_r1.png) 20px center no-repeat}
.zb_r2{background:#5ebfb9 url(/image/zb_r2.png) 20px center no-repeat}
.zb_r3{background:#e5a542 url(/image/zb_r3.png) 20px center no-repeat}
.zb_r4{background:#4392d6 url(/image/entranceIcon01.png) 20px center no-repeat}
.zb_r5{background:#336699 url(/image/zb_r5.png) 20px center no-repeat}
.zb_r6{background:#ff6600 url(/image/fabu.png) 20px center no-repeat}
.zb_r7{background:#ff6600 url(/image/fabu.png) 20px center no-repeat}

.zb_rr1{float:left;font-size:12px;width:100%;margin-top:15px}
.zb_rr1 .zb_rr11{text-align:center;width:50%;float:left; padding:5px; box-sizing:border-box}
.zb_rr1 img{width:100%;height:190px; margin-bottom:10px;}

@media screen and (max-width:1024px){
    .part6{padding:10px;}
}
/* 友情链接 */
.friendLink{ height:150px;  overflow:hidden; clear:both;}
.friendLink ul{ overflow:hidden; zoom:1}
.friendLink ul li{ width:165px; float:left; margin:0 5px;  display:inline; }
.friendLink ul li img{ width:165px; height:100px;}
.friendLink ul li span{display:block;width:100%;height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/* 友情链接 */
.friendLink1{ height:150px;  overflow:hidden; clear:both;}
.friendLink1 ul{ overflow:hidden; zoom:1}
.friendLink1 ul li{ width:165px; float:left; margin:0 5px;  display:inline; }
.friendLink1 ul li img{ width:165px; height:100px;}
.friendLink1 ul li span{display:block;width:100%;height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.part5{height:180px; margin-bottom:10px;box-shadow:0 0 8px #eee;box-sizing:border-box;}
.part5 .part50{width:100%;height:40px;line-height:40px;font-size: 18px;font-weight: bold;color: #0161b5;background:url(/image/titIcons.png) no-repeat left center; padding-left:40px;}

.part5 .part51{float:left; width:100px;}
.part5 .part51 a{height:30px; line-height:30px; display:block; border-radius:5px;text-align:center; background-color:#eee; margin:3px;}
.part5 .part51 .ahover{background-color:#0161b5;color:#fff}
.part5 .part52{margin-left:110px;}

.part5 .part521{float:left;height:126px;width:1030px;background-color:#808080}
.part5 .part521 li{float:left;width:200px;height:120px;overflow:hidden; margin:5px;background-color:#ccc}

.str_wrap{height:140px;font-size:14px;display:none;background-color:#fff;overflow:hidden; box-sizing:border-box;}
.str_wrap li{float:left; width:150px;height:140px; margin:5px; text-align:center}
.str_wrap img {opacity:0.8; width:150px; height:100px;margin-bottom:8px}
.str_wrap img:hover {opacity:1}

.str_wrap2{}
.str_wrap2 a{display:inline-block;width:21%;overflow: hidden;margin:8px 2%; text-overflow: ellipsis; white-space: nowrap;float:left}

.part7{text-align:center; margin:20px auto!important; height:40px}
.youL {font-size: 14px;font-weight: bold;color: #333;width:10%;float:left}
.part7 .form-control {background: #ebebeb;height: 30px; border-radius: 0;padding: 0 6px;}
@media screen and (max-width:1024px){
    .part7{display:none}
}

.erweima{position:fixed;right:10px;width:120px;height:160px;padding:5px;border:1px solid #999;top:50%; text-align:center}
.erweima img{width:120px;height:120px;}
@media screen and (max-width:1024px){
    .erweima{display:none}
}
